/*******************************************************
TITLE: Projet SI
DATE: 20/12/2012
AUTHORS: ALCANTARA Vitor
		 BASRAOUI Sanae
		 GUIN Guillaume		 
*******************************************************/


span.bar{  /*la barre du mot de passe */

color : #000;
text-align: center; 

}

html, body, h1, form, fieldset, input {

 border: none;
 }


body {
	 
	font-family: Calibri, Arial, sans-serif; 
	font-size: 12px;
	width:100%;

}

.position {
	width:850px;
	margin:0 auto;
}


.colonne_centre  {
	 position: relative;
	width:850px;
	right :1%;
	  bottom: 200px;
	top: 50%;
}


#colonne_droite {
 position: relative;
  bottom: -200px;
  left :53%;
	top: 20%;
}

#colonne_droite h2 { 
margin:0 0 -1em 0; 
font-size:2em;
letter-spacing:.1em;
}
 /*******************************************************************formulaire******************************************/

#Box_externe {
    color: #fff;
	background: #2d2d2d;
	background-image: linear-gradient(bottom, rgb(62,80,117) 10%, rgb(79,88,110) 6%, rgb(133,140,140) 95%);
	background-image: -o-linear-gradient(bottom, rgb(62,80,117) 10%, rgb(79,88,110) 6%, rgb(133,140,140) 95%);
	background-image: -moz-linear-gradient(bottom, rgb(62,80,117) 10%, rgb(79,88,110) 6%, rgb(133,140,140) 95%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,80,117) 10%, rgb(79,88,110) 6%, rgb(133,140,140) 95%);
	background-image: -ms-linear-gradient(bottom, rgb(62,80,117) 10%, rgb(79,88,110) 6%, rgb(133,140,140) 95%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(62,80,117)),
		color-stop(0.06, rgb(79,88,110)),
		color-stop(0.95, rgb(133,140,140))
	);

     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     margin: 10px;
     width: 430px;
     }

 #Box_externe h2 {
color: #fff;
text-shadow: 0px -1px 0px #000;
text-align: center;
padding: 18px;
margin: 0px;
font-weight: normal;
      font-size: 24px;
      font-family: Lucida Grande, calibri, Arial, sans-serif;
border-bottom: solid #181818 4px;
-moz-box-shadow: 0px 1px 0px #3a3a3a;
-webkit-box-shadow: 0px 1px 0px #3a3a3a;
box-shadow: 0px 1px 0px #3a3a3a;
      }

	  #Box_externe h3 {
color: #fff;
text-shadow: 0px -1px 0px #000;
text-align: center;
padding: 18px;
margin: 0px;
font-weight: normal;
      font-size: 17px;
      font-family:  calibri, Arial, sans-serif;
border-bottom: solid olive 1px;
-moz-box-shadow: 0px 1px 0px #3a3a3a;
-webkit-box-shadow: 0px 1px 0px #3a3a3a;
box-shadow: 0px 1px 0px #3a3a3a;
      }
	 
 #Box_externe a {
      color: orange;
      text-shadow: 0px -1px 0px #000;
      }

#Box_externe fieldset {
      padding: 20px;
      }
	  
input.text {
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     border:solid 3px NAVY;
     font-size: 14px;
     width: 90%;
     padding: 7px 8px 7px 8px;
     background: #ddd;
	 background-image: linear-gradient(bottom, rgb(219,219,219) 54%, rgb(208,209,212) 6%, rgb(133,140,140) 95%);
background-image: -o-linear-gradient(bottom, rgb(219,219,219) 54%, rgb(208,209,212) 6%, rgb(133,140,140) 95%);
background-image: -moz-linear-gradient(bottom, rgb(219,219,219) 54%, rgb(208,209,212) 6%, rgb(133,140,140) 95%);
background-image: -webkit-linear-gradient(bottom, rgb(219,219,219) 54%, rgb(208,209,212) 6%, rgb(133,140,140) 95%);
background-image: -ms-linear-gradient(bottom, rgb(219,219,219) 54%, rgb(208,209,212) 6%, rgb(133,140,140) 95%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.54, rgb(219,219,219)),
	color-stop(0.06, rgb(208,209,212)),
	color-stop(0.95, rgb(133,140,140))
);

      color:#333;
      text-shadow:0px 1px 0px #FFF;
      -moz-box-shadow: 0px 1px 0px #777;
      -webkit-box-shadow: 0px 1px 0px #777;
      box-shadow: 0px 1px 0px #777;
 }
